<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" >
<head>
    <meta charset="UTF-8">
    <title>用户管理</title>
    <link th:href="@{/css/bootstrap.css}" rel="stylesheet" type="text/css">
    <script th:src="@{/js/jquery-3.5.1.min.js}"></script>
    <script th:src="@{/js/bootstrap.min.js}"></script>
    <script th:src="@{/js/vue.min.js}"></script>

</head>
<body>
    <div class="container-fluid">
        <div class="row">
            <h5>用户管理</h5>
        </div>
        <div class="row">
            <form class="form-row" th:action="@{/listusers}" method="post">
                <div class="form-group">
                    <label>关键字</label>
                    <input type="text" placeholder="请输入关键字运行搜索" name="kw">
                </div>
                <div class="form-group">
                    <input type="submit" class="btn btn-primary" value="搜索">
                </div>
            </form>
        </div>
        <div class="row">
            <table  class="table">
                <thead>
                    <tr>
                        <th>序号</th>
                        <th>账号</th>
                        <th>性别</th>
                        <th>姓名</th>
                        <th>电话号码</th>
                        <th>Email</th>
                    </tr>
                </thead>
                <tbody>
                    <tr th:each="u:${pages.content}">
                        <td th:text="${uStat.count}"></td>
                        <td th:text="${u.account}"></td>
                        <td th:text="${u.grander}"></td>
                        <td th:text="${u.name}"></td>
                        <td th:text="${u.mobile}"></td>
                        <td th:text="${u.email}"></td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</body>
</html>